@import "./common.scss";

.banner {
  .carousel {
    .item {
      img {
        width: 100%;
      }
    }

    .carousel-control {
      background-image: none;
    }
  }
}

.introduct {
  padding-top: 90px;
  padding-bottom: 64px;

  .row {
    display: flex;
    justify-content: center;
    align-items: flex-end;

    .intro-word {
      width: 44.44%;
      vertical-align: top;

      .intro-title {
        font-size: 36px;
        margin-bottom: 36px;
      }

      .intro-text {
        font-size: 21px;
      }

      p:nth-child(3),
      p:nth-child(4) {
        font-size: 14px;
        line-height: 28px;
      }


    }

    .intro-img {
      margin-bottom: 7px;
      width: 20.83%;

      >img {
        width: 100%;
      }
    }
  }
}

@media screen and (max-width:992px) {
  .introduct {
    .row {
      .intro-word {}
    }
  }
}